<template>
	<div class="feed-main">
		<h2>问题描述：</h2>
		<van-field v-model="message" rows="5" autosize type="textarea" maxlength="200" placeholder="请输入问题描述" show-word-limit style="border: 1px solid #e0e0e0;" />
		<a @click="save"><van-btn text="保存" type="1" /></a>
	</div>
</template>

<script>
import vanBtn from '../../common/vanBtn';
export default {
	components: {
		vanBtn
	},
	data() {
		return {
			message: ''
		};
	},
	methods: {
		save() {
			if (!this.message) {
				this.$notify({ type: 'warning', message: '请输入反馈的内容' });
				return;
			}
			setTimeout(() => {
				this.$toast({
					message: '感谢您的反馈问题',
					position: 'bottom'
				});
				setTimeout(() => {
					this.$router.go(-1);
				}, 1200);
			}, 1200);
		}
	}
};
</script>

<style lang="less" scoped>
.feed-main {
	padding: 10% 5%;
	> h2 {
		font-size: 30px;
		padding-bottom: 20px;
	}
	> a {
		display: block;
		margin-top: 40%;
	}
}
</style>
